<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>沈阳北软信息职业技术学院</title>
		<link rel="stylesheet" href="style/base.css">
		<link rel="stylesheet" href="style/list.css">
		<link rel="stylesheet" type="text/css" href="./css/style.css" />
		<script src="./js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/script.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入vantUI -->
		<script src="./js/vant-UI/vant.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./js/vant-UI/index.css" />
		<!-- 引入elementUI -->
		<script src="./js/element-UI/elementUI.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./js/element-UI/elementUI.css" />
		<style type="text/css">
			@font-face {
				font-family: liuzhaowu;
				src: url(./font/Coca-ColaCareFontKaiTi.TTF);
			}

			.wp {
				width: 1200px;
				margin: 0 auto;
				position: relative;
			}

			#hd {
				padding: 19px 0;
			}

			#hd .hd-logo {
				height: 62px;
			}

			#hd .hd-logo img {
				height: 62px;
				width: auto;
			}

			#hd .lang {
				width: 120px;
				margin-top: 13px;
				position: relative;
			}

			#hd .lang h3 {
				height: 20px;
				background: #f2f2f2;
				padding: 8px 20px;
			}

			#hd .lang span {
				float: left;
				width: 30px;
				height: 20px;
				background: url(./images/flag.jpg);
			}

			#hd .lang em {
				float: left;
				height: 20px;
				line-height: 20px;
				margin-left: 10px;
				+min-width: 28px;
			}

			#hd .lang i {
				float: right;
				width: 7px;
				height: 4px;
				background: url(./images/icos.png);
				margin-top: 8px;
			}

			#hd .lang ul {
				position: absolute;
				width: 100%;
				top: 36px;
				left: 0;
				background: #f2f2f2;
				display: none;
			}

			#hd .lang ul li {
				padding: 8px 20px;
			}

			#hd .lang ul li a {
				display: block;
			}

			#hd .lang span.en {
				background-position: 0 -20px;
			}

			#hd .lang:hover ul {
				display: block;
			}

			#hd a.hd-btn {
				width: 72px;
				height: 34px;
				border: 1px solid #ccc;
				line-height: 34px;
				text-align: center;
				margin: 13px 20px 0 0;
			}

			#hd a.btn-login {
				border-color: #67ac46;
				color: #67ac46;
				margin-right: 10px;
			}

			#hd a.hd-btn:hover {
				background: #67ac46;
				border-color: #67ac46;
				color: #fff;
			}

			#hd .hd-search {
				width: 340px;
			}

			#hd .hd-search form,
			#hd .hd-search input,
			#hd .hd-search button {
				height: 36px;
			}

			#hd .hd-search input {
				float: left;
				width: 180px;
				padding: 0 12px;
				line-height: 36px;
				color: #666;
				background: #f2f2f2;
			}

			#hd .hd-search button {
				float: left;
				width: 36px;
				height: 36px;
				background: url(./images/icos.png) 0 -4px;
				cursor: pointer;
			}

			#nav {
				padding: 20px 0;
				background: #009FD9;
			}

			#nav ul {
				height: 30px;
				float: left;
			}

			#nav ul li {
				float: left;
				margin-right: 50px;
				height: 30px;
				position: relative;
			}

			#nav ul li a {
				display: block;
				line-height: 30px;
				color: #fff;
				font-weight: bold;
			}

			#nav ul li span {
				position: absolute;
				width: 0;
				height: 2px;
				background: #fff;
				top: 30px;
				left: 50%;
				margin-left: 0;
				border-radius: 1px;
			}

			#nav ul li.on span,
			#nav ul li:hover span {
				width: 100%;
				margin-left: -50%;
				transition: 0.3s;
			}

			#nav .order {
				height: 30px;
			}

			#nav .order span {
				float: left;
				line-height: 30px;
				color: #fff;
				font-weight: bold;
				margin-right: 10px;
			}

			#nav .order a {
				float: left;
				width: 30px;
				height: 30px;
				background: url(./images/icos.png) 0 -40px;
			}

			.fr {
				float: right;
			}

			.fixed_top {
				position: fixed;
				top: 0;
				width: 100%;
			}

			/* .text {
				font-family: liuzhaowu;
				width: 100%;
				
				background-image: -webkit-linear-gradient(left, blue, #66ffff 10%, #cc00ff 20%, #CC00CC 30%, #CCCCFF 40%, #00FFFF 50%, #CCCCFF 60%, #CC00CC 70%, #CC00FF 80%, #66FFFF 90%, blue 100%);
				-webkit-text-fill-color: transparent;
				-webkit-background-clip: text;
				-webkit-background-size: 300% 100%;
				-webkit-animation: masked-animation 20s linear infinite;
				font-size: 30px;
			}
			
			@keyframes masked-animation {
				0% {
					background-position: 0 0;
				}
			
				100% {
					background-position: -100% 0;
				}
			} */
			.el-carousel__item h3 {
				color: #475669;
				font-size: 14px;
				opacity: 0.75;
				line-height: 150px;
				margin: 0;
			}

			.el-carousel__item:nth-child(2n) {
				background-color: #99a9bf;
			}

			.el-carousel__item:nth-child(2n+1) {
				background-color: #d3dce6;
			}

			.footer_2wm {
				width: 140px;
				height: 140px;
			}

			.el-table--striped .el-table__body tr.el-table__row--striped td {
				background-color: #F2F9FC;
			}
			/* 非公共 */
			.informa {
				color: #000;
				    float: left;
				    width: 350px;
				    white-space: nowrap;
				    text-overflow: ellipsis;
				    overflow: hidden;
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div id="root">
			<template>
				<el-backtop></el-backtop>
			</template>
			<div style="right:-230px;border-radius: 10px;" class="contactusdiyou">
				<div class="hoverbtn" style="border-top-left-radius: 10px;border-bottom-left-radius: 10px;">
					<span>联</span><span>系</span><span>我</span><span>们</span>
					<img class="hoverimg" src="images/hoverbtnbg.gif" height="9" width="13">
				</div>
				<div class="conter">
					<div class="con1">
						<dl class="fn_cle">
							<dt><img src="images/tel.png" height="31" width="31"></dt>
							<dd class="f1">咨询热线：</dd>
							<dd class="f2"><span class="ph_num">024-88928718</span></dd>
						</dl>
					</div>
					<div class="blank0"></div>
					<div class="qqcall">
						<dl class="fn_cle">
							<dt><img src="images/zxkfqq.png" height="31" width="31"></dt>
							<dd class="f1 f_s14">在线客服：</dd>
							<dd class="f2 kefuQQ">
								<span>客服:</span>
								<a target="_blank"
									href="http://wpa.qq.com/msgrd?v=3&amp;uin=2890682240&amp;site=qq&amp;menu=yes"></a>
							</dd>
						</dl>
						<div class="blank0"></div>
					</div>
					<div class="blank0"></div>
					<div class="weixincall">
						<dl class="fn_cle">
							<dt><img src="images/weixin.png" height="31" width="31"></dt>
							<dd class="f1">官方公众号：</dd>
							<dd class="f3"><img src="images/gongzhonghao.png" style="height: 120px;width: 120px;"></dd>
						</dl>
					</div>
					<div class="blank0"></div>
					<div class="dytimer">
						<span style="font-weight: bold;"><a
								href="http://kk.nsi-soft.com/sso/newMain.do?requestUrl=http://kk.nsi-soft.com/nsiOOC/">2021级新生登录入口</a></span>

					</div>
				</div>
			</div>
			<div id="hd">
				<div class="wp clearfix">
					<!--logo-->
					<div class="hd-logo fl"
						style="display: flex;flex-direction: row;justify-content: center;align-items: center;color: #000000;">
						<a href="https://www.nsi-soft.com/nsi/index"
							style="display: flex;flex-direction: row;justify-content: center;align-items: center;color: #000000;">
							<img src="images/logo.png">
							<div style="font-family: liuzhaowu;color: #000000;">
								<h1>沈阳北软信息职业技术学院</h1>
								<h1 style="font-size: 10px;">Shenyang Northern Software Collage of Information
									Technology</h1>
							</div>
						</a>
						<div class="hd-search fr text"
							style="font-family: liuzhaowu;display: flex;flex-direction: row;justify-content: center;align-items: center;">
							<img src="images/logo2.png" style="width: 50px;height:50px;">
							<div style="font-family: liuzhaowu;color: #000000;margin-left: 10px;">
								<h1>计算机系官网</h1>
								<h1 style="font-size: 10px;">Computer Department official website</h1>
							</div>
						</div>
						<div class="hd-search fr text"
							style="font-family: liuzhaowu;display: flex;flex-direction: row;justify-content: center;align-items: center;">

							<div style="font-family: liuzhaowu;color: #000000;margin-left: 10px;">
								<h1>格物致知•见微知著</h1>

							</div>
						</div>
					</div>

					<!-- <div class="fr">
						<van-popover v-model="showPopover" trigger="click">
							<van-grid square clickable :border="false" column-num="3"
								style="width: 200px;padding: 10px;display: flex;justify-content: center;">
								<div style="margin-bottom: 10px;">计算机系官方公众号</div>
								<img src="images/gongzhonghao.png" style="width: 200px;height: 200px;">
							</van-grid>
							<template #reference>
								<van-button type="primary" style="background-color: #409EFF;border: #409EFF;">公众号
								</van-button>
							</template>
						</van-popover>
					</div> -->
				</div>
			</div>
			<div id="nav" style="z-index: 999;">
				<div class="wp clearfix">
					<ul>
						<li class="on"><a>首页</a><span></span></li>
						<li><a href="party.html">关于北软</a><span></span></li>
						<li><a href="shuanggao.html">系部介绍</a><span></span></li>
						<li><a href="students.html">优秀学子</a><span></span></li>
						<li><a href="information.html">产教融合</a><span></span></li>
						<!-- <li><a href="inquiry.html">Teacher inquiry</a><span></span></li>
						<li><a href="#">About page</a><span></span></li> -->
					</ul>
					<div class="order fr">
					</div>
				</div>
			</div>
			<div class="tzFirArticle1">
				<div class="clearfix wrapper">
					<div class="fl section">
						<h2>计算机系<span style="color: #409EFF;">简介</span></h2>
						<p style="color: #000000;">
							计算机系现开设软件技术、计算机应用技术、大数据技术应用、移动应用开发、云计算技术应用五大王牌专业。计算机专业群是辽宁省高水平特色专业群，计算机应用技术是省级示范专业。毕业后年薪15万以上，可升入本科专业。
						</p>
					</div>
					<!-- <img src="images/img01.jpg" alt="" class="fl"> -->
					<template>
						<div class="block">

							<el-carousel height="200px">
								<el-carousel-item v-for="(item,index) in img_list">
									<img :src=item.img style="width: 100%;height: 100%;">
								</el-carousel-item>

							</el-carousel>
						</div>

					</template>
				</div>
			</div>
			<!-- <img src="images/bg.jpg" alt="" class="bg" > -->
			<div class="tzFirArticle2">
				<div class="clearfix wrapper txFirDiv">
					<div class="fl borderR">
						<div class="tzFirContent">
							<div class="title clearfix">
								<h3>新闻动态&nbsp;<span>New information</span></h3>
								<a href="list.html?type=0">More>></a>
							</div>
							<dl class="clearfix">
								<dt><img src="images/img09.jpg" alt=""></dt>
								<dd class="titleDd">梦响唐职&nbsp;缤纷社团</dd>
								<dd style="cursor: pointer;" @click="gonews">2015年12月10日下午6:00唐山职业技术学院2015年“季忆唐职，放新去飞”社团文化艺术节之嘉年华闭幕式在本院大礼堂举行。<br />
										此次文化艺术节在各系社团联的大力支持下...</dd>
							</dl>
							<ul>
								<li v-for="(item,index) in information" class="clearfix">
									<a class="informa" @click="go_in_news(item,index,0)">{{item.title}}</a><span>{{item.date}}</span>
								</li>
							</ul>
						</div>
						<div class="tzFirContent">
							<div class="title clearfix">
								<h3>学院通知&nbsp;<span>Notification</span></h3>
								<a href="list.html?type=2">More>></a>
							</div>
							<ul>
								<li v-for="(item,index) in notification" class="clearfix">
									<a class="informa" @click="go_in_news(item,index,2)">{{item.title}}</a><span>{{item.date}}</span>
								</li>
							</ul>
						</div>
						<div class="tzFirContent">
							<div class="title clearfix">
								<h3>专业课程介绍&nbsp;<span>Notification</span></h3>
								<a href="list.html?type=3">More>></a>
							</div>
							<div class="tzInfoTu clearfix">
								<a href="#"><img src="images/img05.jpg" alt=""></a>
								<a href="#"><img src="images/img08.jpg" alt=""></a>
								<a href="#"><img src="images/img06.jpg" alt=""></a>
								<a href="#"><img src="images/img07.jpg" alt=""></a>
								<a href="#"><img src="images/img08.jpg" alt=""></a>
								<a href="#"><img src="images/img05.jpg" alt=""></a>
								<a href="#"><img src="images/img07.jpg" alt=""></a>
								<a href="#"><img src="images/img06.jpg" alt=""></a>
							</div>
						</div>
					</div>
					<div class="fr">
						<div class="tzFirContent2 tzFirContent">
							<div class="title clearfix">
								<h3>师资队伍&nbsp;<span>Teaching Staff</span></h3>
								<a href="list.html?type=1">More>></a>
							</div>
							<div class="tzInfoTu clearfix">
								<a href="#"><img src="images/img02.jpg" alt=""></a>
								<a href="#"><img src="images/img03.jpg" alt=""></a>
								<a href="#"><img src="images/img04.jpg" alt=""></a>
								<a href="#"><img src="images/img02.jpg" alt=""></a>
								<a href="#"><img src="images/img04.jpg" alt=""></a>
								<a href="#"><img src="images/img03.jpg" alt=""></a>
							</div>
						</div>
						<div class="tzFirClass">
							<p class="p1"><a href="#">精品课程&nbsp;Excellent course</a></p>
							<p class="p2"><a href="#">培训中心&nbsp;Excellent course</a></p>
							<p class="p3"><a href="#">校友之家&nbsp;Excellent course</a></p>
						</div>
						<div class="tzFirContent3 tzFirContent4 tzFirContent">
							<div class="title clearfix">
								<h3>光荣榜&nbsp;<span>Honour roll</span></h3>
								<a href="list.html?type=4">More>></a>
							</div>
							<dl class="clearfix">
								<dt><img src="images/img09.jpg" alt=""></dt>
								<dd class="titleDd">梦响唐职&nbsp;缤纷社团</dd>
								<dd style="cursor: pointer;" @click="gonews">2015年12月10日下午6:00唐山职业技术学院2015年“季忆唐职，放新去飞”社团文化艺术节之嘉年华闭幕式在本院大礼堂举行。<br />
										此次文化艺术节在各系社团联的大力支持下...</dd>
							</dl>
							<ul>
								<li v-for="(item,index) in honour" class="clearfix">
									<a class="informa" @click="go_in_news(item,index,4)">{{item.title}}</a><span>{{item.date}}</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="tzFirArticle2">
				<div class="clearfix wrapper txFirDiv" style="padding-top: 20px;padding-bottom: 20px;">
					<div class=" borderR">
						<div class="tzFirContent" style="width: 100%;padding: 0;">
							<div class="title">
								<h3 style="color: #000000;">计算机系专业介绍&nbsp;<span>Introduction of Computer
										Department</span></h3>
							</div>
							<template>
								<el-table :data="tableData" stripe style="width: 100%">
									<el-table-column prop="physics" label="物理类代码" style="text-align: center;">
									</el-table-column>
									<el-table-column prop="name" label="物理类专业名称">
									</el-table-column>
									<el-table-column prop="history" label="历史类代码">
									</el-table-column>
									<el-table-column prop="name" label="历史类专业名称">
									</el-table-column>
									<el-table-column prop="tel" label="咨询电话">
									</el-table-column>
								</el-table>
							</template>
						</div>
					</div>
				</div>
			</div>
			<div class="block news">
				<h2 class="title">资讯</h2>
				<p class="sub-title">用户就是上帝</p>
				<div class="items">
					<ul>
						<li v-for="(item,index) in zixun">
							<a href="#">
								<div class="items-l"><img src="images/news-pic1.png" /></div>
								<div class="items-r">
									<p class="title">{{item.title}}</p>
									<p class="time">2019-12-26</p>
									<p class="desc">五一假期不要组织、参与大规模聚会、聚餐，4月11日下午，国务院联防联控机制召开新闻发布会，介绍新冠疫情防控和疫苗接种有关情况。</p>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="more">
					<a href="list.html?type=5" class="btn">更多资讯</a>
				</div>
			</div>
			<div class="wave-box" style="margin-top: 50px;">
				<div class="marquee-box marquee-up" id="marquee-box">
					<div class="marquee">
						<div class="wave-list-box" id="wave-list-box1">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_02.png">
								</li>
							</ul>
						</div>
						<div class="wave-list-box" id="wave-list-box2">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_02.png">
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="marquee-box" id="marquee-box3">
					<div class="marquee">
						<div class="wave-list-box" id="wave-list-box4">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_01.png">
								</li>
							</ul>
						</div>
						<div class="wave-list-box" id="wave-list-box5">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_01.png">
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="auto clearfix">
					<div class="footer-floor1">
						<div class="footer-list">
							<ul>
								<li class="flist-title">
									友情链接
								</li>
								<li v-for="(item,index) in footer_list">
									<a :href="item.src">
										<strong>
											{{item.name}}
										</strong>
									</a>
								</li>
							</ul>

						</div>
						<img src="images/map.png">

						<div class="footer-right">
							<!-- <div class="telephone" title="服务热线">
								<div class="tel-number">
									400-688-3065
								</div>
							</div> -->
							<div style="text-align: center;color: #FFF;">
								<img src="images/nsi-erweima.jpg" class="footer_2wm">
								北软官方公众号
							</div>
							<div style="text-align: center;color: #FFF;">
								<img src="images/20200918160105.jpg" class="footer_2wm">
								智汇北软小程序
							</div>
						</div>

					</div>
				</div>
				<div class="footer-floor2">
					<p>
						©Copyright 2012-2021：沈阳北软信息职业技术学院 <a
							href="https://beian.miit.gov.cn/#/Integrated/index">辽ICP备17002625号-1</a> 地址：辽宁省沈阳市沈北路53号
						联系电话：024-88928718
					</p>
				</div>
			</div>

		</div>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
			el: "#root",
			data: {
				footer_list:[
					{
						name:"沈阳格微软件公司",
						src:"http://www.ge-soft.com/"
					},
					{
						name:"沈阳航空航天大学",
						src:"http://www.sau.edu.cn/"
					},
					{
						name:"辽宁招生考试网",
						src:"http://www.lnzsw.com/"
					},
					{
						name:"辽宁省教育厅",
						src:"http://www.lnen.cn/"
					},
					{
						name:"2020年对省级人民政府履行教育职责情况满意度调查",
						src:"https://www.nsi-soft.com/nsi/myddc"
					},
				],
				tableData: [{
					physics: '01',
					history: '01',
					name: '软件技术',
					tel: '15504010868'
				}, {
					physics: '02',
					history: '02',
					name: '计算机应用技术',
					tel: '15504010868'
				}, {
					physics: '03',
					history: '03',
					name: '大数据技术应用',
					tel: '15504010868'
				}, {
					physics: '09',
					history: '09',
					name: '移动应用开发',
					tel: '15504010868'
				}, {
					physics: '17',
					history: '17',
					name: '云计算应用技术',
					tel: '15504010868'
				}, ],
				img_list: [{
						img: "images/1.jpg"
					},
					{
						img: "images/2.jpg"
					},
					{
						img: "images/3.jpg"
					},
					{
						img: "images/2.jpg"
					},
				],
				activeName: 'second',
				visible: true,
				showPopover: false,
				search_value:'',
				information:[
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得1",
						date:"[2015-12-28]",
						ID:"1"
					},
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得2",
						date:"[2015-12-28]",
						ID:"2"
					},
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得3",
						date:"[2015-12-28]",
						ID:"3"
					},
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得4",
						date:"[2015-12-28]",
						ID:"4"
					},
				],
				notification:[
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得1",
						date:"[2015-12-28]",
						ID:"1"
					},
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得2",
						date:"[2015-12-28]",
						ID:"2"
					},
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得3",
						date:"[2015-12-28]",
						ID:"3"
					},
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得4",
						date:"[2015-12-28]",
						ID:"4"
					},
				],
				honour:[
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得1",
						date:"[2015-12-28]",
						ID:"1"
					},
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得2",
						date:"[2015-12-28]",
						ID:"2"
					},
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得3",
						date:"[2015-12-28]",
						ID:"3"
					},
					{
						title:"我院在首届唐山市大学生“新道杯”市场分析与创业策划大赛喜得分析与创业策划大赛喜得4",
						date:"[2015-12-28]",
						ID:"4"
					},
				],
				zixun:[
					{
						title:"官宣！今年五一放假安排出炉",
						date:"2019-12-26",
						more:"五一假期不要组织、参与大规模聚会、聚餐，4月11日下午，国务院联防联控机制召开新闻发布会，介绍新冠疫情防控和疫苗接种有关情况。"
					},
					{
						title:"官宣！今年五一放假安排出炉",
						date:"2019-12-26",
						more:"五一假期不要组织、参与大规模聚会、聚餐，4月11日下午，国务院联防联控机制召开新闻发布会，介绍新冠疫情防控和疫苗接种有关情况。"
					},
					{
						title:"官宣！今年五一放假安排出炉",
						date:"2019-12-26",
						more:"五一假期不要组织、参与大规模聚会、聚餐，4月11日下午，国务院联防联控机制召开新闻发布会，介绍新冠疫情防控和疫苗接种有关情况。"
					},
					{
						title:"官宣！今年五一放假安排出炉",
						date:"2019-12-26",
						more:"五一假期不要组织、参与大规模聚会、聚餐，4月11日下午，国务院联防联控机制召开新闻发布会，介绍新冠疫情防控和疫苗接种有关情况。"
					},
				]
			},
			methods: {
				handleClick(tab, event) {
					console.log(tab, event);
				},
				offical() {
					vm.showPopover = true
				},
				offical_off() {
					vm.showPopover = false
				},
				gonews(){
					window.location.href="news.html"
				},
				go_in_news(item,index,type){
					if(type == 0){
						console.log(this.information[index].ID)
						window.location.href="news.html?type=0&id=" + this.information[index].ID
					}
					if(type == 2){
						console.log(this.information[index].ID)
						window.location.href="news.html?type=2&id=" + this.information[index].ID
					}
					if(type == 4){
						console.log(this.information[index].ID)
						window.location.href="news.html?type=4&id=" + this.information[index].ID
					}
				},
			},
			mounted() {
				$(window).scroll(function() {
					var height = $(document).scrollTop()
					console.log(height)
					if (height > 150) {
						$('#nav').addClass('fixed_top')
					} else {
						$('#nav').removeClass('fixed_top')
					}
				})
				$(".contactusdiyou").hover(function() {
					$(".hoverimg").attr("src", "images/hoverbtnbg1.gif");
					$('.diyoumask').fadeIn();
					$('.contactusdiyou').animate({
						right: '0'
					}, 300);
				}, function() {
					$(".hoverimg").attr("src", "images/hoverbtnbg.gif");
					$('.contactusdiyou').animate({
						right: '-230px'
					}, 300, function() {});
					$('.diyoumask').fadeOut();
				});
			},
		})
	</script>
</html>
